<?php
defined('_JEXEC') or die;
// including base setup file
$template_url = JUri::base() . 'templates/' . $this->template;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTVN</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?php echo $template_url ?>/css/layout.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $template_url ?>/css/forms.css" rel="stylesheet" type="text/css" />
<!--<script src="js/jquery-1.1.3.1.pack.js" type="text/javascript"></script>-->
<link rel="stylesheet" href="<?php echo $template_url ?>/js/jquery.tabs.css" type="text/css" media="print, projection, screen">

<link rel="stylesheet" type="text/css" href="<?php echo $template_url ?>/slideshow/css/layout.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $template_url ?>/slideshow/css/style6.css" />
<script language="javascript" type="text/javascript" src="<?php echo $template_url ?>/slideshow/js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $template_url ?>/slideshow/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo $template_url ?>/slideshow/js/script.js"></script>


<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#jslidernews3 .button-previous') ,
						next:$('#jslidernews3 .button-next') };
  
		var _complete = function(slider, index){ 
								$('#jslidernews3 .slider-description').animate({height:0});
								slider.find(".slider-description").animate({height:100}) 
						};							;
	 	$('#jslidernews3').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												mainWidth:942,
												buttons			: buttons,
												onComplete:_complete } );	
	});
</script>
</head>
<body>
<div id="wrap">
  <div id="topbar">
  <jdoc:include type="modules" name="position-7" />
  
  </div>
  <div id="header">
    <div id="sitename">
      <img src="<?php echo $template_url ?>/images/4.png"/>
    </div>
    <div id="shoutout"><img src="<?php echo $template_url ?>/images/joinnow_shoutout.jpg" alt="" width="168" height="126" /></div>
    <div id="useractions">
      <jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
    </div>
  </div>
  <div id="content">
  <div id="topcategorieslink" class="clear">
      <h2>Hành trình mới</h2>
      <jdoc:include type="modules" name="position-2" />
    </div>
    <div class="clear">&nbsp;</div>
  <div id="jslidernews3" class="lof-slidecontent" style="float:left;width:942px; height:340px;">
	<div class="preload"><div></div></div>
            
            <div  class="button-previous">Previous</div>
                   
    <!-- MAIN CONTENT --> 
    <div class="main-slider-content" style="width:942px; height:340px;">
                <ul class="sliders-wrap-inner">
                    <li>
                            <img src="<?php echo $template_url ?>/slideshow/images/1.jpg" title="Newsflash 2" >           
                          <div class="slider-description"><div class="description-wrapper">
                            <div class="slider-meta"><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 1</h4>
                            <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div></div>
                    </li> 
                   <li>
                      <img src="<?php echo $template_url ?>/slideshow/images/2.jpg" title="Newsflash 1" >           
                         <div class="slider-description"><div class="description-wrapper">
                           <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 2</h4>
                            <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div></div>
                  </li> 
                   <li>
                      <img src="<?php echo $template_url ?>/slideshow/images/3.jpg" title="Newsflash 3" >            
                        <div class="slider-description"><div class="description-wrapper">
                          <div class="slider-meta"><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 3</h4>
                            <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                            <a class="readmore" href="#">Read more </a>
                            </p>
			
                     	</div></div>
                  </li> 
                    <li>
                      <img src="<?php echo $template_url ?>/slideshow/images/4.jpg" title="Newsflash 5" >            
                        <div class="slider-description"><div class="description-wrapper">
                          <div class="slider-meta"><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 4</h4>
                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                     	</div></div>
                    </li> 
                    <li>
                      <img src="<?php echo $template_url ?>/slideshow/images/5.jpg" title="Newsflash 5" >            
                        <div class="slider-description"><div class="description-wrapper">
                           <div class="slider-meta"><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                           <h4>Content of Newsflash 5</h4>
                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                      </div></div>
                    </li> 
                    <li>
            
                      <img src="<?php echo $template_url ?>/slideshow/images/6.jpg" title="Newsflash 5" >            
                        <div class="slider-description"><div class="description-wrapper">
                          <div class="slider-meta"><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 6</h4>
                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                     	</div> </div>
                    </li> 
                
      </ul>  	
            </div>
 		   <!-- END MAIN CONTENT --> 
       
    <div class="button-next">Next</div>
 </div> 
 
    <div class="clear">&nbsp;</div>
    <div id="main">
     <h1>Danh sách hành trình</h1>
      <ul class="listing">
        <li>
          <div class="listinfo"> <img src="http://dulichvn.org.vn/nhaptin/uploads/images/30_chobenthanh1.jpg" alt="" class="listingimage" />
            <h3>Chợ Bến Thành (Thành phố Hồ Chí Minh) nằm trong top 15 chợ ẩm thực hấp dẫn nhất thế giới</h3>
            <p> (TITC) - Tờ USA Today (Mỹ) vừa xếp hạng 45 chợ ẩm thực hấp dẫn nhất thế giới dựa trên hai tiêu chí là: khả năng phản ánh tầm quan trọng của thực phẩm và bản sắc địa phương được thể hiện qua các sản phẩm bán tại các chợ.</p>
			
          </div>
          <div class="clear">&nbsp;</div>
        </li>
		<li>
          <div class="listinfo"> <img src="http://dulichvn.org.vn/nhaptin/uploads/images/samsonTH.jpg" alt="" class="listingimage" />
            <h3>Sầm Sơn (Thanh Hóa) phát triển nhờ du lịch</h3>
            <p> Là địa bàn ven biển, nằm phía Đông Bắc của tỉnh Thanh Hóa, với những lợi thế do thiên nhiên ban tặng và sự nỗ lực của chính quyền địa phương, thị xã Sầm Sơn không ngừng thay da đổi thịt, trở thành trung tâm du lịch, đóng góp không nhỏ cho sự phát triển kinh tế - xã hội của tỉnh Thanh Hóa.</p>
			
          </div>
          <div class="clear">&nbsp;</div>
        </li>
      </ul>
     <jdoc:include type="message" />
							<jdoc:include type="component" />
    </div>
    <div id="sidebar">
      <div class="block advert"> <img src="<?php echo $template_url ?>/images/advertisehere.jpg" alt="" /> </div>
      <div class="menulist block">
        <h2 class="sidebar_head">Quick Links</h2>
        <ul class="normalmenu">
          <li><a href="#">Pro Agent Account</a></li>
          <li><a href="#">Find Agents</a></li>
          <li><a href="#">Banking &amp; Finance Help</a></li>
          <li><a href="#">Help &amp; Support</a></li>
          <li><a href="#">SMS Alerts</a></li>
          <li><a href="#">Email Alerts</a></li>
          <li><a href="#">Advertising in RealOne</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
        <div class="clear">&nbsp;</div>
      </div>
      <div class="block"> <img src="<?php echo $template_url ?>/images/dreamcar.jpg" alt="" /> </div>
      <div class="block"><img src="<?php echo $template_url ?>/images/dreamcar.jpg" alt="" /></div>
      <div class="block"><img src="<?php echo $template_url ?>/images/dreamcar.jpg" alt="" /></div>
    </div>
    <div class="clear">&nbsp;</div>
  </div>
  <div id="footer">
    <div id="upperfooter"> <a href="#">Home</a> | <a href="#">Search</a> | <a href="#">Register</a> | <a href="#">Pro Agent Account</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a> |<a href="#"> Privacy Policy</a> <a href="#">Terms Of Use</a> | <a href="#">Advertise With Us</a> </div>
    <div id="lowerfooter"> <span class="backtotop"> <a href="#">Back To Top</a> </span><a href="http://ramblingsoul.com">Free CSS Template</a> by RamblingSoul </div>
  </div>
</div>
</body>
</html>
